﻿<%@ Page Title="" Language="C#" MasterPageFile="~/mpMaster.master" AutoEventWireup="true" CodeFile="ShowMovie.aspx.cs" Inherits="ShowProduct" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <div class="jumbotronShadow" style="height: 120px; background-color: white; -moz-box-shadow: 1px 7px 5px #000000; -webkit-box-shadow: 1px 7px 5px #000000; box-shadow: 1px 7px 5px #000000;">
        <div class="container">
            <h2 style="margin-bottom: 10px">Film info.</h2>
        </div>
    </div>

    <div style="height: 909px; background-color: lightgray">
        <div class="container" style="height: auto; margin-top: 7px; max-width: 440px; width: 100%; background-color: white; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;">
            <div class="row">
                <div class="col-md-12">
                    <h1 runat="server" id="movieName"></h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <h4 runat="server" id="movieGenre"></h4>
                </div>
                <div class="col-md-6">
                    <a class="btn btn-success" style="width: 90px; margin-bottom: 10px;" href="bookingPage.aspx?id=<%# Eval("id") %>" role="button">Book Billet</a>
                    <button type="button" runat="server" id="btnVideo" style="width: 90px; margin-bottom: 10px;" class="btn btn-danger" data-toggle="modal" data-target="#myModal">Trailer</button>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <img runat="server" id="imgMovie" src="..." style="height: auto; max-width: 420px; width: 350%; float: left;" />
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" style="padding-top: 20px; padding-bottom: 20px;">
                    <p runat="server" id="movieDescription" style="text-align: left;"></p>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">


                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h4 class="modal-title" runat="server" id="myModalLabel"></h4>
                </div>


                <div class="modal-body">
                    <div class="embed-responsive embed-responsive-16by9">
                        <video id="videoTrailer" runat="server" style="height: 100%; width: 100%" frameborder="0" allowfullscreen="true" class="embed-responsive-item" src="..."></video>
                    </div>
                </div>


            </div>
        </div>
    </div>

    

</asp:Content>
